<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="../插件/bootstrap-5.3.0-alpha1-dist/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/index.css">

<body>
  <div class="header">
    <div class="inner ">
      <div class="logo"></div>
      <div class="nav row">
        <div class="col ">发现</div>
        <div class="col">我的音乐</div>
        <div class="col">关注</div>
        <div class="col">商城</div>
        <div class="col">云推歌</div>
        <div class="col">音乐人</div>
        <div class="col" style="width: 109px; padding:0 10px">下载客户端</div>
      </div>
      <div class="search">
        <input type="text" placeholder="音乐/视频/电台/用户">
      </div>
      <div class="create">创作者中心</div>
      <div class="user"></div>
    </div>

  </div>
  <div class="headerUnder">
    <div class="content">
      <div class="redul row">
        <div class="col ">
          <div class="active2">推荐</div>
        </div>
        <div class="col">排行榜</div>
        <div class="col">歌单</div>
        <div class="col">主播电台</div>
        <div class="col">歌手</div>
        <div class="col">新碟上架</div>
      </div>
    </div>
  </div>


  <div class="grow">
    <div class="main1 row">
      <div class="left1">
        <img src="../img/slideshow1.png" alt="">
        <ul class="q">
          <li class="active10 u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
          <li class="u"></li>
        </ul>

      </div>
      <div class="right1">
        <div class="download">
          下载客户端
        </div>
        <div class="ario ">
          <div class="c">PC</div>
          <div class="c">安卓</div>
          <div class="c">iPhone</div>
          <div class="c">WP</div>
          <div class="c">iPad</div>
          <div class="c">Mac</div>
          <div class="c">六大客户端</div>
        </div>
      </div>
    </div>
    <button class="zuo">&lt</button>
    <button class="you">&gt</button>

  </div>

  <div class="banner ">
    <div class="main">
      <div class="left">
        <div class="rec">
          <div class="hot">
            <div class="hot1">热门推荐</div>
            <div class="hot2 ">
              <div class="d">华语</div>
              <div class="line"></div>
              <div class="d">流行</div>
              <div class="line"></div>
              <div class="d">摇滚</div>
              <div class="line"></div>
              <div class="d">民谣</div>
              <div class="line"></div>
              <div class="d">电子</div>
            </div>
          </div>
          <div class="redline"></div>


          <div class="songs">
            <div class="p1"></div>
            <div class="p1"></div>
            <div class="p1"></div>
            <div class="p1"></div>
            <div class="p1"></div>
            <div class="p1"></div>
            <div class="p1"></div>
            <div class="p1"></div>
          </div>


        </div>
      </div>
      <div class="right">
        <div class="my"></div>
        <div class="singer"></div>
      </div>
    </div>
  </div>

  <script src="../插件/form-serialize.js"></script>
  <script src="../插件/bootstrap-5.3.0-alpha1-dist/bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.js"></script>
  <script src="../js/index.js"></script>
</body>

</html>